<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>单据详情</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<!--标准mui.css-->
		<link href="../../dep/mui/css/mui.css" rel="stylesheet" />
		<link href="../../css/style.css" rel="stylesheet" />
		<link rel="stylesheet" href="../../css/page/purchase/purchaseDetail.css" />
		<link href="../../css/page/outPurchase/outPurchase.css" rel="stylesheet" />
	</head>

	<body>
		<header id="header" class="mui-bar mui-bar-nav header-lay">
			<h1 class="mui-title">单据详情</h1>
			<button class="mui-action-back mui-btn mui-btn-blue mui-btn-link mui-btn-nav mui-pull-left">
		    	<span class="mui-icon mui-icon-left-nav"></span>返回</button>
			<a href="#forMore"><button class="mui-btn mui-btn-blue mui-btn-link mui-pull-right">更多</button></a>
		</header>

		<div class="tab-fixed">
			<div id="segmentedControl" class="mui-segmented-control">
				<a class="mui-control-item mui-active" href="#item1">
					单据详情
				</a>
				<a class="mui-control-item" href="#item2">
					货品明细
				</a>
				<a class="mui-control-item" href="#item3">
					审批历史
				</a>
			</div>
		</div>
		<div class="tab-fixed-layer"></div>
		<div class="mui-content">

			<div>
				<div id="item1" class="mui-control-content mui-active">
					<ul class="mui-table-view fixedul">
						<li class="mui-table-view-cell list-color1">
							待一级审批
						</li>
						<li class="mui-table-view-cell list-color1">
							35576765677776765
						</li>
						<li class="mui-table-view-cell">
							2016-10-30
						</li>
						<li class="mui-table-view-cell">
							供应商：
						</li>
						<li class="mui-table-view-cell">
							业务员：
						</li>
						<li class="mui-table-view-cell">
							整单金额：
						</li>
						<li class="mui-table-view-cell">
							整单折扣：
						</li>
						<li class="mui-table-view-cell">
							折后金额：
						</li>
						<li class="mui-table-view-cell">
							已收金额：
						</li>
						<li class="mui-table-view-cell">
							未收金额：
						</li>
						<li class="mui-table-view-cell">
							创建人：
						</li>
						<li class="mui-table-view-cell">
							创建时间：
						</li>
						<li class="mui-table-view-cell">
							备注：
							<p>
								<textarea id="textarea" rows="5" placeholder="多行文本框"></textarea>
							</p>
						</li>
					</ul>

				</div>
				<div id="item2" class="mui-control-content">

					<ul class="mui-table-view mui-table-view-chevron">
						<li class="mui-table-view-cell mui-collapse">
							<a class="mui-navigate-right" href="#">
								<div class="mui-col-xs-2 listitem">01</div>
								<div class="mui-col-xs-2 listitem">00001</div>
								<div class="mui-col-xs-4 listitem">名称-规格</div>
								<div class="mui-col-xs-4 listitem">200.00元</div>
							</a>
							<ul class="mui-table-view mui-table-view-chevron">
								<li class="mui-table-view-cell">01 0001
								</li>
								<li class="mui-table-view-cell">名称-规格
								</li>
								<li class="mui-table-view-cell">仓库：
								</li>
								<li class="mui-table-view-cell">20.00元×10件：
								</li>
								<li class="mui-table-view-cell">金额：
								</li>
								<li class="mui-table-view-cell">折扣率：
								</li>
								<li class="mui-table-view-cell">折扣额：
								</li>
								<li class="mui-table-view-cell">折后金额：
								</li>
								<li class="mui-table-view-cell" style="padding-right: 25px;">备注：<label>备注备注备注</label>

								</li>

							</ul>

						</li>
						<li class="mui-table-view-cell mui-collapse">
							<a class="mui-navigate-right" href="#">
								<div class="mui-col-xs-2 listitem">01</div>
								<div class="mui-col-xs-2 listitem">00001</div>
								<div class="mui-col-xs-4 listitem">名称-规格</div>
								<div class="mui-col-xs-4 listitem">2000.00元</div>
							</a>
							<ul class="mui-table-view mui-table-view-chevron">
								<li class="mui-table-view-cell">01 0001
								</li>
								<li class="mui-table-view-cell">名称-规格
								</li>
								<li class="mui-table-view-cell">仓库：
								</li>
								<li class="mui-table-view-cell">20.00元×10件：
								</li>
								<li class="mui-table-view-cell">金额：
								</li>
								<li class="mui-table-view-cell">折扣率：
								</li>
								<li class="mui-table-view-cell">折扣额：
								</li>
								<li class="mui-table-view-cell">折后金额：
								</li>
								<li class="mui-table-view-cell" style="padding-right: 25px;">备注：<label>备注备注备注</label>
								</li>
							</ul>
						</li>
					</ul>

				</div>
				<div id="item3" class="mui-control-content">

					<ul class="mui-table-view mui-grid-view">
						<li class="mui-table-view-cell mui-media mui-col-xs-12">
							<div class="laydiv1">王大锤</div>
							<div class="laydiv2">
								<div class="laydiv2-con">
									<span class="mui-badge mui-badge-color1 laydiv2-ico">通过</span>
									<div class="laydiv2-tipcon">
										<div class="popup">
											<span><em></em></span>
											<p>2016-10-20</p>
											<p class="span-black">朕已阅！！！</p>
										</div>
									</div>
								</div>
							</div>
						</li>

						<li class="mui-table-view-cell mui-media mui-col-xs-12">
							<div class="laydiv1">王大锤</div>
							<div class="laydiv2">
								<div class="laydiv2-con">
									<span class="mui-badge mui-badge-color2 laydiv2-ico">三级</span>
									<div class="laydiv2-tipcon">
										<div class="popup">
											<span><em></em></span>
											<p>2016-10-20</p>
											<p class="span-black">朕已阅！！！</p>
										</div>
									</div>
								</div>
							</div>
						</li>

						<li class="mui-table-view-cell mui-media mui-col-xs-12">
							<div class="laydiv1">王大锤</div>
							<div class="laydiv2">
								<div class="laydiv2-con">
									<span class="mui-badge mui-badge-color3 laydiv2-ico">提交</span>
									<div class="laydiv2-tipcon">
										<div class="popup">
											<span><em></em></span>
											<p>2016-10-20</p>
											<p class="span-black">准奏！！！</p>
										</div>
									</div>
								</div>
							</div>
						</li>

						<li class="mui-table-view-cell mui-media mui-col-xs-12">
							<div class="laydiv1">王大锤</div>
							<div class="laydiv2">
								<div class="laydiv2-con">
									<span class="mui-badge mui-badge-color4 laydiv2-ico">驳回</span>
									<div class="laydiv2-tipcon">
										<div class="popup">
											<span><em></em></span>
											<p>2016-10-20</p>
											<p class="span-black">滚！！！</p>
										</div>
									</div>
								</div>
							</div>
						</li>

						<li class="mui-table-view-cell mui-media mui-col-xs-12">
							<div class="laydiv1">王大锤</div>
							<div class="laydiv2">
								<div class="laydiv2-con">
									<span class="mui-badge mui-badge-color4 laydiv2-ico">驳回</span>
									<div class="laydiv2-tipcon">
										<div class="popup">
											<span><em></em></span>
											<p>2016-10-20</p>
											<p class="span-black">滚！！！</p>
										</div>
									</div>
								</div>
							</div>
						</li>

						<li class="mui-table-view-cell mui-media mui-col-xs-12">
							<div class="laydiv1">王大锤</div>
							<div class="laydiv2">
								<div class="laydiv2-con">
									<span class="mui-badge mui-badge-color4 laydiv2-ico">驳回</span>
									<div class="laydiv2-tipcon">
										<div class="popup">
											<span><em></em></span>
											<p>2016-10-20</p>
											<p class="span-black">滚！！！</p>
										</div>
									</div>
								</div>
							</div>
						</li>

						<li class="mui-table-view-cell mui-media mui-col-xs-12">
							<div class="laydiv1">王大锤</div>
							<div class="laydiv2">
								<div class="laydiv2-con">
									<span class="mui-badge mui-badge-color4 laydiv2-ico">驳回</span>
									<div class="laydiv2-tipcon">
										<div class="popup">
											<span><em></em></span>
											<p>2016-10-20</p>
											<p class="span-black">滚！！！</p>
										</div>
									</div>
								</div>
							</div>
						</li>

						<li class="mui-table-view-cell mui-media mui-col-xs-12">
							<div class="laydiv1">王大锤</div>
							<div class="laydiv2">
								<div class="laydiv2-con">
									<span class="mui-badge mui-badge-color4 laydiv2-ico">驳回</span>
									<div class="laydiv2-tipcon">
										<div class="popup">
											<span><em></em></span>
											<p>2016-10-20</p>
											<p class="span-black">滚！！！</p>
										</div>
									</div>
								</div>
							</div>
						</li>

					</ul>

				</div>
			</div>

		</div>
		<div class="fixeddiv">
			<button type="button" class="mui-btn mui-btn-primary mui-btn-block btn-color1">生成采购入库单</button>
			<button type="button" class="mui-btn mui-btn-primary mui-btn-block btn-color2">查看已生成采购入库单</button>
		</div>
		<!--<div class="fixeddiv">
			<button type="button" class="mui-btn mui-btn-primary mui-btn-block btn-color1">查看来源订单</button>
		</div>-->
		<div id="forMore" class="mui-popover mui-popover-action mui-popover-bottom">
			<ul class="mui-table-view">
				<li class="mui-table-view-cell">
					<a href="#">重置草稿</a>
				</li>
			</ul>
			<ul class="mui-table-view">
				<li class="mui-table-view-cell">
					<a href="#forward"><b>取消</b></a>
				</li>
			</ul>
		</div>

		<div id="forMore2" class="mui-popover mui-popover-action mui-popover-bottom">
			<ul class="mui-table-view">
				<li class="mui-table-view-cell">
					<a href="#">编辑</a>
				</li>
				<li class="mui-table-view-cell">
					<a href="#">删除</a>
				</li>
			</ul>
			<ul class="mui-table-view">
				<li class="mui-table-view-cell">
					<a href="#forward"><b>取消</b></a>
				</li>
			</ul>
		</div>

	</body>

</html>
<script src="../../dep/seajs/3.0.0/sea.js"></script>
<script>
	seajs.use("../../js/outPurchase/outPurchase")
</script>